
@font-face {font-family: "iconfont";
  src: url('iconfont.eot'); /* IE9*/
  src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff') format('woff'), /* chrome、firefox */
  url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-close:before { content: "\e69a"; }
.icon-email:before { content: "\e69f"; }
.icon-folder:before { content: "\e6a1"; }
.icon-selected:before { content: "\e6ad"; }
.icon-wrong:before { content: "\e6b7"; }
.icon-search:before { content: "\e6ac"; }
.icon-add:before { content: "\e6b9"; }
.icon-more:before { content: "\e6a7"; }
.icon-moreunfold:before { content: "\e6a6"; }
.icon-less:before { content: "\e6a5"; }
.icon-back:before { content: "\e697"; }
.icon-delete:before { content: "\e69d"; }
.icon-edit:before { content: "\e69e"; }
.icon-information:before { content: "\e6a4"; }
.icon-pic:before { content: "\e6a8"; }
.icon-warning:before { content: "\e6b6"; }
.icon-category:before { content: "\e699"; }
.icon-cart:before { content: "\e698"; }
.icon-comments:before { content: "\e69b"; }
.icon-set:before { content: "\e6ae"; }
.icon-success:before { content: "\e6b1"; }
.icon-account:before { content: "\e6b8"; }
.icon-refresh:before { content: "\e6aa"; }


.icon{
  font-size: 42px;
  line-height: 100px;
  margin: 10px 0;
  color:#333;
  -webkit-transition: font-size 0.25s ease-out 0s;
  -moz-transition: font-size 0.25s ease-out 0s;
  transition: font-size 0.25s ease-out 0s;

}
.iconfont:hover{
  color: grey;
}